{% extends "base.html" %} 

{% block body %}
<div id="igoogle-notice" class="hidden">
  <div class="notice">
    <div class="bg">&nbsp;</div>
    <div class="text">
      <p>For this gadget to function correctly, 
      you must be a member of the iGoogle sandbox.  If you 
      are not already using the iGoogle sandbox, please visit 
      <a target="_blank" href="http://www.google.com/ig/sandbox">http://www.google.com/ig/sandbox</a>
      to sign up.
      </p>
      <p>
        If you already have sandbox access,  
        <a target="_blank" onclick="document.getElementById('igoogle-notice').className = 'hidden';"
           href="http://www.google.com/ig/adde?moduleurl=http://osda.appspot.com/gadget/osda-igoogle.xml&source=imag">please click this link</a> to 
        install the Dev App on iGoogle.
      </p>
      <p>
      <a class="hidelink" href="javascript:void(0);" onclick="document.getElementById('igoogle-notice').className = 'hidden';">Hide this message</a>
      </p>
    </div>
  </div>
</div>
<div id="wrap">
  {% include 'header.html' %}
  
  <img src="/img/osda.png" style="float: right; padding: 0 0 10px 10px;" />
  <h2 style="clear:none;">About:</h2>
  <p>This OpenSocial application provides the ability to write and save 
    JavaScript code samples to execute against OpenSocial containers. This
    helps rapidly test sample OpenSocial code.</p>
  <p>Code samples can be saved and loaded.  You can give other developers 
    links to code samples for instructional or debugging purposes.</p>

  <h2>Available on the following containers (click to use):</h2>
  <div class="list">
    <table style="margin: 0 auto;">
      <tr>
        <td>
          <a target="_blank" href="http://widgets.friendster.com/opensocialdevapp"><img src="/img/button-friendster.png" /></a>
        </td>
        <td>
          <a target="_blank" href="http://hi5.com/friend/apps/entry/osda.appspot.com/gadget/osda-hi5.xml?view=preview"><img src="/img/button-hi5.png" /></a>
        </td>
        <td>
          <a target="_blank" href="http://www.hyves.nl/gadgetgallery/151/OpenSocial_Dev_App/"><img src="/img/button-hyves.png" /></a>
        </td>
        <td>
          <a target="_blank" onclick="document.getElementById('igoogle-notice').className = ''; return false;" href="http://www.google.com/ig/adde?moduleurl=http://osda.appspot.com/gadget/osda-igoogle.xml&source=imag"><img src="/img/button-igoogle.png" /></a>
        </td>
      </tr>
      <tr>
        <td>
          <a target="_blank" href="http://profile.myspace.com/Modules/Applications/Pages/Canvas.aspx?appId=117879"><img src="/img/button-myspace.png" /></a>
        </td>
        <td>
          <a target="_blank" href="http://developer.ning.com/opensocial/application/about?appUrl=http%3A%2F%2Fosda.appspot.com%2Fgadget%2Fosda-ning.xml"><img src="/img/button-ning.png" /></a>
        </td>
        <td>
          <a target="_blank" href="http://www.orkut.com/Main#Application.aspx?appId=291092957065"><img src="/img/button-orkut.png" /></a>
        </td>
      </tr>
    </table>
  </div>
        
  <h2>Versions:</h2>
  <div class="list">
    <div class="version generic">
      <h3>OpenSocial 0.7</h3>
      <p>
            This version is compatible with containers supporting version 0.7 
              of the OpenSocial API. [ <a target="_blank" href="/gadget/osda-0.7.xml">View XML</a> ]
      </p>
    </div>
  
    <div class="version generic">
      <h3>OpenSocial 0.8</h3>
      <p>
            This version is compatible with containers supporting version 0.8 
              of the OpenSocial API. [ <a target="_blank" href="/gadget/osda-0.8.xml">View XML</a> ]
      </p>
    </div>
    
    <div class="version generic">
      <h3>Development</h3>
      <p>This is the development version of the Dev App.  This contains
        upcoming features that have not been released yet (but may not 
        work).
        [ <a target="_blank" href="/gadget/osda-development.xml"
            >View XML</a> ]
        [ <a target="_blank" href="http://sandbox.hi5.com/friend/apps/entry/osda.appspot.com/gadget/osda-development.xml"
            >hi5's sandbox</a> ]
        [ <a target="_blank" href="http://developer.ning.com/opensocial/application/about?appUrl=http%3A%2F%2Fosda.appspot.com%2Fgadget%2Fosda-development.xml"
            >Ning's developer network</a> ]
        [ <a target="_blank" href="http://sandbox.orkut.com/Main#AppInfo.aspx?appUrl=http%3A%2F%2Fosda.appspot.com%2Fgadget%2Fosda-development.xml"
            >orkut's sandbox</a> ]
      </p>
    </div>
  </div> 
</div>
{% endblock body %}